improvement(canvas): cancel an in-flight edge drag with Escape - #6669

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Skipped		Aug 13, 2026 7:00pm

PR Summary

Low Risk
Canvas-only interaction wiring in workflow.tsx with no auth, persistence, or API changes; main caveat is reliance on synthetic mouseup for React Flow teardown.

Overview
Escape can cancel a connection drag while the line is still on the cursor, instead of only dismissing the block picker after release.

While a handle drag is active, a capture-phase keydown listener arms on onConnectStart and tears down on onConnectEnd. On Escape, the handler sets connectionCancelledRef, dispatches a synthetic mouseup so React Flow clears the connection line, auto-pan, and handle highlights, and stops propagation so other Escape handlers do not run mid-drag.

onConnect and onConnectEnd early-return when cancelled, so no edge is created and the connection block selector does not open; the follow-up real mouseup is harmless.

^{Reviewed by Cursor Bugbot for commit d969652. Configure here.}

Greptile Summary

The PR adds Escape-key cancellation for active canvas connection drags.

• Arms a capture-phase key listener while a connection drag is active.
• Dispatches a synthetic mouseup so React Flow performs its normal teardown.
• Suppresses edge creation and block-selector behavior after cancellation.
• Removes the listener when the connection ends or the component unmounts.

Confidence Score: 5/5

The PR appears safe to merge.

No blocking failure remains.

sequenceDiagram
  participant User
  participant Workflow as Workflow Canvas
  participant RF as React Flow
  User->>Workflow: Start connection drag
  Workflow->>Workflow: Arm Escape listener
  User->>Workflow: Press Escape
  Workflow->>Workflow: Mark connection cancelled
  Workflow->>RF: Dispatch synthetic mouseup
  RF->>RF: Tear down connection drag
  RF->>Workflow: onConnect / onConnectEnd
  Workflow->>Workflow: Suppress edge and selector

_{Reviews (2): Last reviewed commit: "improvement(canvas): cancel an in-flight..." | Re-trigger Greptile}

@greptile

@cursor review